@def panelBackgroundColor #d0ffb0;

@def color1 #FFFFFF;

@def color2 #8699A5;

@def color3 #DCE9F2;

@def color4 #A59275;

@def color5 #F2E9DC;

@def whiteColor #FFFFFF;

@def linkColor #637D8B;


.button {
   border-top: 1px solid #466072;
   background: #5b89a8;
   background: -webkit-gradient(linear, left top, left bottom, from(#466072), to(#5b89a8));
   background: -moz-linear-gradient(top, #466072, #5b89a8);
   padding: 4px 12px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: 0 1px 0 #5B89A8;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 13px;
   font-family: Verdana, Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   cursor: pointer;
}
   
.button:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #dae4eb;
}
.button:active {
   border-top-color: #1b435e;
   background: #1b435e;
}

.buttonInactive {
   border-top: 1px solid #DBD2BC;
   background: #FFF9DB;
   background: -webkit-gradient(linear, left top, left bottom, from(#DBD2BC), to(#FFF9DB));
   background: -moz-linear-gradient(top, #DBD2BC, #FFF9DB);
   padding: 4px 12px;
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
   -webkit-box-shadow: 0 1px 0 #FFF9DB;
   -moz-box-shadow: 0 1px 0 #FFF9DB;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 13px;
   font-family: Verdana, Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   cursor: auto;
}

.buttonInactive:hover {
   color: white;
}

.alignRight {
	float: right;
}

.alignLeft {
	float: left;
}